<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>ngrok国内服务器 | ITTUN</title>
    <meta name="keywords" content="ngrok服务器,ngrok微信开发,ngrok发布本地网站,微信url,微信开发url,微信开发神器"/>
    <meta name="description" content="ngrok国内服务器,微信开发外网url,微信开发url,微信开发神器"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/bootstrap-responsive.min.css">
    <link rel="stylesheet" type="text/css" href="css/ittun-ngrok.css">
    <script type="text/javascript" src="js/lazyload.min.js"></script>
    <style>

    </style>
</head>
<body>

<div id="nav">
    <div class="container-fluid">
        <div class="masthead">
            <ul class="nav nav-pills pull-right">
                <!--<li class="active">-->
                    <!--<a href="#">Home</a>-->
                <!--</li>-->

                <li class="active" >
                <a href="http://bbs.ittun.com" style="background-color: #89d7b3">
                    交流圈
                </a>
                </li>

                <!--<li class="">-->
                    <!--<a href="http://pi.ittun.com" target="_blank">说说</a>-->
                <!--</li>-->

                <!--<li class="">-->
                <!--<a href="#">Product</a>-->
                <!--</li>-->

                <!--<li class="">-->
                <!--<a href="#">FAQ</a>-->
                <!--</li>-->

                <!--<li class="">-->
                <!--<a href="#">Login</a>-->
                <!--</li>-->
            </ul>
            <h3 class="wordmark muted"><a href="#">IT TUN</a></h3>
        </div>
    </div>
</div>

<div class="container-fluid">
    <hr style="margin-top: -1px;">
    <a href="http://www.aliyun.com/act/aliyun/yunma.html" target="_blank">购买服务器的朋友关注拉,阿里云服务器9折推荐码：J1RB5Z</a><br>
    <!--<a href="http://y.1yyg.com/mYVFB3" target="_blank">1元就能买iPhone 6S，一种很有意思的购物方式，快来看看吧！</a>-->

    <!--<marquee style="WIDTH: 680px; HEIGHT: 18px" scrollamount="2" direction="left">-->
    <!--<p style="color:#dd4814;font-weight: 100"></p>-->
    <!--</marquee>-->
</div>


<div class="container-fluid">
    <!--<div style="margin: 100px 0px" class="jumbotron">-->
    <!--<h1 class="text-center">让本地连上公网</h1>-->

    <!--<p style="color:#666; margin: 20px 0; font-size: 20px" class="lead text-center">”I want to expose a local server-->
    <!--behind a NAT or firewall to the internet.”</p>-->

    <!--<div style="margin: 35px 0" class="text-center"><a class="btn btn-large btn-primary" href="html/download.html">Download</a>-->
    <!--&lt;!&ndash;<a style="margin-left: 20px;" class="btn btn-large btn-success" href="https://dashboard.ngrok.com/user/signup">Sign up</a>&ndash;&gt;-->
    <!--</div>-->
    <!--</div>-->
    <a style="border-top: 1px solid rgb(245, 245, 245); border-bottom: 1px solid rgb(245, 245, 245); padding: 10px; display: block;"
       href="#footer"
       class="text-center">
        <span class="pull-left"><strong style="color:inherit">
            ★学习交流</strong></span><span
            style="color: rgb(163, 163, 163); display: inline-block; margin: 0px 5px;">
                基本ngrok开源的学习交流
             </span><span
            class="pull-right">联系 ▶</span></a>

    <div class="row-fluid">
        <div class="span6">
            <h4>本地web项目快速展示</h4>

            <p>
                1: 启动客户端<br>
                2: 通过二级域名访问web项目
            </p>
        </div>
        <div class="span6">
            <h4>移动开发更方便</h4>

            <p>
                1: 填写微信开发者url,方便调用<br>
                2: APP开发手机端调试
            </p>
        </div>
    </div>

    <!--<img src="images/demo.jpg">-->
    <img src=
         data-src=images/demo.jpg
         onload=lzld(this)>

    <div class="row-fluid">
        <div class="span6">
            <h4>远程办公更方便</h4>

            <p>
                1: 远程电脑上运行ittun client<br>
                2: 指定相应端口(50000~59999),协议(tcp)<br>
                3: 远程连接操作更方便<br>
            </p>
        </div>
        <div class="span6">
            <h4>免费使用,通道加密更安全</h4>

            <p>
                1: 通道全加密安全可靠<br>
                2: 免费使用,交流分享
            </p>
        </div>
    </div>
    <!--<img src="images/webhooks.jpg">-->
    <img src=
         data-src=images/webhooks.jpg
         onload=lzld(this)>

    <hr>
    <!--<div class="row-fluid">-->
    <!--<div class="span12">-->
    <!--<p style="color:#555" class="lead">Need to run <a href="https://ngrok.com/product/ngrok-link">ngrok in-->
    <!--production</a>? Use <a href="https://ngrok.com/product/ngrok-link">ngrok link</a> to-->
    <!--manage your IoT devices or as a lightweight alternative to VPN for targeted access into customer-->
    <!--networks.-->
    <!--</p>-->
    <!--</div>-->
    <!--</div>-->
    <!--<hr>-->


    <div class="container-fluid">
        <div class="row-fluid">
            <!--<h2 id="download">下载客户端</h2>-->
            <!--<p>公告: 服务器升级,中断5分钟,谅解 2015-12-28 16:25</p>-->
            <p>安装方便: 下载、解压、修改二级域名与端口、启动.</p>
            <h4><a href="http://pan.baidu.com/s/1botw80J" target="_blank">Step 1: 客户端文件</a></h4>
            <table id="dl" class="table">
                <tbody>
                <tr id="dl-windows-64" class="detected">
                    <th>Windows64</th>
                    <td>
                <span class="pull-right">
                    <a href="upload/ittun_win64.zip" class="btn btn-success">
                        <i class="icon-white icon-download"></i> Download
                    </a>
                </span>
                    </td>
                </tr>
                <tr id="dl-windows-386">
                    <th>Windows32</th>
                    <td>
                <span class="pull-right">
                    <a href="upload/ittun_win32.zip" class="btn btn-success">
                        <i class="icon-white icon-download"></i> Download
                    </a>
                </span>
                    </td>
                </tr>
                <tr id="dl-linux-amd64">
                    <th>Linux-amd64</th>
                    <td>
                <span class="pull-right">
                    <a href="upload/ittun_linux64.tar.gz" class="btn btn-inverse">
                        <i class="icon-white icon-download"></i> Download
                    </a>
                </span>
                    </td>
                </tr>
                <tr id="dl-linux-i386">
                    <th>Linux-i386(32)</th>
                    <td>
                <span class="pull-right">
                    <a href="upload/ittun_linux32.tar.gz" class="btn btn-inverse">
                        <i class="icon-white icon-download"></i> Download
                    </a>
                </span>
                    </td>
                </tr>

                <tr id="dl-linux-mac">
                    <th>Mac</th>
                    <td>
                <span class="pull-right">
                <a href="upload/ittun_mac.tar.gz" class="btn btn-inverse">
                    <i class="icon-white icon-download"></i> Download
                </a>
                </span>
                    </td>
                </tr>

                <tr id="dl-linux-arm">
                    <th>Linux-arm</th>
                    <td>
                <span class="pull-right">
                <a href="upload/ittun_linuxarm.tar.gz" class="btn btn-inverse">
                    <i class="icon-white icon-download"></i> Download
                </a>
                </span>
                    </td>
                </tr>

                </tbody>
            </table>
            <script type="text/javascript">
                var platform = navigator.platform.toUpperCase();
                var dlElem;
                if (platform.indexOf('MAC') !== -1) {
                    dlElem = document.getElementById("dl-linux-mac");
                } else if (platform.indexOf('WIN') !== -1) {
                    dlElem = document.getElementById("dl-windows-386");
                } else if (platform.indexOf('LINUX') !== -1) {
                    if (platform.indexOf('ARM') !== -1) {
                        dlElem = document.getElementById("dl-linux-arm");
                    } else {
                        dlElem = document.getElementById("dl-linux-amd64");
                    }
                }

                if (dlElem) {
                    dlElem.className += " detected";
                    var button = dlElem.getElementsByTagName("a")[0];
                    button.className = button.className.replace("btn-inverse", "btn-success");
                }
            </script>
            <h4>Step 2: 解压</h4>

            <code class="well">$sudo tar -zxvf ittun_linux64.tar.gz</code>

            <h4>Step 3: 修改启动文件</h4>

            <p>编辑打开startup 文件,修改二级域名与端口<br>
                任意域名,冲突起不来则换一下,端口为本地项目端口
            </p>
            <code class="well">ngrok -config ngrok.cfg -subdomain [demo] [8080]</code>

            <h4>Step 4: 启动!</h4>
            windows 双击启动startup.bat
            <code class="well">$ ./startup.sh</code>
        </div>
    </div>

    <hr>
</div>

<div id="footer">
    <div class="container-fluid">
        © <a href="#">ittun.com</a> 2015 © <a href="http://www.miitbeian.gov.cn">粤ICP备15099276号</a>

        <div class="row-fluid">
            <ul class="pull-left text-left unstyled muted" id="wxzf">
                <li>
                    <!--<img src=-->
                    <!--data-src=images/wxzf.png-->
                    <!--onload=lzld(this) class="zjimg">-->

                    <!--<img src=-->
                    <!--data-src=images/zfb.png-->
                    <!--onload=lzld(this) class="zjimg">-->
                    <img src="images/wxzf.png" class="zjimg">
                    <img src="images/zfb.png" class="zjimg">
                </li>
            </ul>

            <ul class="pull-right text-right unstyled muted">
                <li>
                    <hr>
                </li>
                <!--<li><a>QQ：451657210</a></li>-->
                <li><a>QQ群：201419208</a></li>
                <li><a href="mailto:chairv@yeah.net">chairv@yeah.net</a></li>
                <li><a onclick="showzf()" href="#buttom">资助</a></li>
            </ul>
        </div>
    </div>
</div>

<!-- 模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
     aria-labelledby="myModalLabel" aria-hidden="true" style="top:20%">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close"
                        data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title" id="myModalLabel">
                    资助ITTUN,让它更好。
                </h4>
            </div>
            <div class="modal-body">
                <img src="images/wxzf.png" class="zjimg">
                <img src="images/zfb.png" class="zjimg">
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" id="zzBtn"
                        data-dismiss="modal">确定
                </button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->

    <!--<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>-->
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
    <script type="text/javascript">
        $('#wxzf').hide();
        function showzf() {
            $('#wxzf').toggle('fast');
        }

        var url;
        $('a', '#dl').on('click', function () {
            $('#myModal').modal('show');
            url = this.href;
            return false;
        });

        $('#zzBtn').on('click', function () {
             window.open(url);
        });
    </script>
</body>
</html>